// 对外暴露配置路由(常量路由)
export const constantRouter = [
  {
    path: '/login',
    component: () => import('@/views/login/index.vue'),
    name: 'login',
    meta: {
      title: '登录', //菜单标题
      hidden: true, // 路由标题是否在菜单中隐藏 true隐藏 false显示
    },
  },
  {
    // 登录成功以后展示数据的路由
    path: '/',
    component: () => import('@/views/layout/index.vue'),
    redirect: '/home',
    name: 'layout',
    meta: {
      title: 'layout', //菜单标题
      hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
      breadHidden: true, // 是否在面包屑中隐藏
      icon: 'Avatar',
    },
    children: [
      {
        path: '/home',
        component: () => import('@/views/home/index.vue'),
        meta: {
          title: '首页', //菜单标题
          hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
          icon: 'HomeFilled',
        },
      },
    ],
  },
  {
    path: '/screen',
    component: () => import('@/views/screen/index.vue'),
    name: 'screen',
    meta: {
      title: '数据大屏', //菜单标题
      hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
      icon: 'Platform',
    },
  },
  {
    path: '/acl',
    component: () => import('@/views/layout/index.vue'),
    redirect: '/acl/user',
    name: 'acl',
    meta: {
      title: '权限管理', //菜单标题
      hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
      icon: 'Lock',
    },
    children: [
      {
        path: '/acl/user',
        component: () => import('@/views/acl/user/index.vue'),
        name: 'user',
        meta: {
          title: '用户管理', //菜单标题
          hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
          icon: 'User',
        },
      },
      {
        path: '/acl/role',
        component: () => import('@/views/acl/role/index.vue'),
        name: 'role',
        meta: {
          title: '角色管理', //菜单标题
          hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
          icon: 'UserFilled',
        },
      },
      {
        path: '/acl/permission',
        component: () => import('@/views/acl/permission/index.vue'),
        name: 'permission',
        meta: {
          title: '菜单管理', //菜单标题
          hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
          icon: 'Monitor',
        },
      },
    ],
  },
  {
    path: '/product',
    component: () => import('@/views/layout/index.vue'),
    redirect: '/product/trademark',
    name: 'product',
    meta: {
      title: '商品管理', //菜单标题
      hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
      icon: 'Goods',
    },
    children: [
      {
        path: '/product/trademark',
        component: () => import('@/views/product/trademark/index.vue'),
        name: 'trademark',
        meta: {
          title: '品牌管理', //菜单标题
          hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
          icon: 'ShoppingCartFull',
        },
      },
      {
        path: '/product/attr',
        component: () => import('@/views/product/attr/index.vue'),
        name: 'attr',
        meta: {
          title: '属性管理', //菜单标题
          hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
          icon: 'ChromeFilled',
        },
      },
      {
        path: '/product/spu',
        component: () => import('@/views/product/spu/index.vue'),
        name: 'spu',
        meta: {
          title: 'SPU管理', //菜单标题
          hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
          icon: 'Calendar',
        },
      },
      {
        path: '/product/sku',
        component: () => import('@/views/product/sku/index.vue'),
        name: 'sku',
        meta: {
          title: 'SKU管理', //菜单标题
          hidden: false, // 路由标题是否在菜单中隐藏 true隐藏 false显示
          icon: 'Orange',
        },
      },
    ],
  },
  {
    // 404路由
    path: '/404',
    component: () => import('@/views/404/index.vue'),
    name: '404',
    meta: {
      title: '404', //菜单标题
      hidden: true, // 路由标题是否在菜单中隐藏 true隐藏 false显示
    },
  },
  {
    // 任意路由，跳转到404路由上
    path: '/:pathMatch(.*)*',
    redirect: '/404',
    name: 'any',
    meta: {
      title: '任意路由', //菜单标题
      hidden: true, // 路由标题是否在菜单中隐藏 true隐藏 false显示
    },
  },
]
